<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="./css/font.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <link rel="stylesheet" href="./lib/layui/css/layui.css">
  <link rel="stylesheet" href="./lib/node_modules/bootstrap/dist/css/bootstrap.css">
  <!-- <script src="./lib/layui/layui.js" charset="utf-8"></script> -->
  <script src="./lib/layui/layui.all.js"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <script lang="javascript" src="https://cdn.sheetjs.com/xlsx-0.19.3/package/dist/xlsx.full.min.js"></script>
  <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="">首页</a>
      <a href="">演示</a>
      <a>
        <cite>导航元素</cite></a>
    </span>

  </div>
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <!-- 这是广告位列表、修改、删除、增加 -->
      <!-- 筛选区域 -->
      <form class="form-inline" id="form">
        <div class="form-group">
          <label for="exampleInputName2">广告位名称</label>
          <input type="text" class="form-control formVal" id="exampleInputName2" placeholder="请输入广告位名称">
        </div>
        <button type="submit" class="btn layui-btn search">搜索</button>
        <button type="submit" class="btn layui-btn reset">重置</button>
      </form>
      <button type="submit" class="btn layui-btn" id="increase">+新增</button>
      <button type="submit" class="btn layui-btn exportBtn">导出</button>

      <!-- 表格区域 -->
      <table class="layui-table" id="tabInfo">
        <colgroup>
          <col width="100">
          <col width="180">
          <col width="180">
          <col width="180">
          <col width="140">
          <col width="140">
          <col>
        </colgroup>
        <thead>
          <tr>
            <th>#</th>
            <th>广告位名称</th>
            <th>广告位描述</th>
            <th>广告图数量</th>
            <th>广告位尺寸</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody id="list">
          <tr>
            <td>happy learn</td>
            <td>study</td>
            <td>2021/3/4 17:20:29</td>
            <td>草稿</td>
            <td>草稿</td>
            <td>
              <button type="button" class="layui-btn layui-btn-sm">
                <i class="layui-icon">&#xe642;</i>
              </button>
              <button type="button" class="layui-btn layui-btn-sm">
                <i class="layui-icon">&#xe640;</i>
              </button>
            </td>
          </tr>
          <tr>
            <td>happy learn</td>
            <td>study</td>
            <td>2021/3/4 17:20:29</td>
            <td>草稿</td>
            <td>草稿</td>
            <td>
              <button type="button" class="layui-btn layui-btn-sm">
                <i class="layui-icon">&#xe642;</i>
              </button>
              <button type="button" class="layui-btn layui-btn-sm">
                <i class="layui-icon">&#xe640;</i>
              </button>
            </td>
          </tr>
        </tbody>
      </table>
      <!-- 分页区域 -->
      <div id="page-box"></div>
    </div>
  </div>
</body>
<script src="./js/jquery.min.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./lib/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="./js/ajaxBase.js"></script>
<script src="./js/advpos.js"></script>

</html>